<template>
    <div>
        <div style="height:0.9rem"></div>
        <ImgDrawer :imgUrl="imgUrl"></ImgDrawer>
        <div class="xhfe-icon" v-for='(item,index) in list' :key="index">
            <img :src="item.images" alt="">
            <div class="fw-cont-box">
                <p class="fw-title">{{item.title}}</p>
                <p class="fw-cont" v-html='item.content'>
                </p>
            </div>
        </div>
    </div>
</template>
<script>
import ImgDrawer from '@/components/aboutus/ImgDrawer'
import TextCont from '@/components/aboutus/TextCont'
export default {
    components:{
        ImgDrawer,
        TextCont
    },
    data(){
        return{
            imgUrl:'',
            list:'',
        }
    },
    mounted () {
        this.apiService();
    },

    methods: {
        // 请求协会服务
        async apiService(){
            let {data} = await this.https.get(this.api.apiService);
            this.imgUrl = data.img;
            this.list = data.service;
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../assets/css/aboutus/viewxhfw.less);
</style>


